<!DOCTYPE HTML>
<html>
<head>
    <meta charset='utf-8'>
    <title>欢迎登录后台管理系统</title>
    <link href="__STATIC__/Admin/css/base.css?v={:rand(0,100)}" rel="stylesheet" type="text/css" />
    <link href="__STATIC__/Admin/css/login.css?v={:rand(0,100)}" rel="stylesheet" type="text/css" />
    <style type="text/css">
        body, td, th { font-family: "微软雅黑"; }
    </style>
    <script type="text/javascript" src="__STATIC__/js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="__STATIC__/Admin/js/login.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $(function(){
                $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
            });
            $(window).resize(function(){
                $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
            });
            $(".loginbtn").click(function(){
                var uname=$("input[name='uname']").val();
                var upass=$("input[name='upass']").val();
                if(uname == '' || upass ==''){
                    alert("填写错误");
                    return false;
                }
                $.post('login/login',{user_name:uname,password:upass},function(data){
                    if(data.flag!=0) {
                        alert("用户名或错误");
                        return false;
                    }else{
                        location.href='{:url("Index/index")}';
                    }

                },'json');
            });
        });
    </script>
</head>

<body style="background-color:#1c77ac; background-image:url(__STATIC__/Admin/image/light.png); background-repeat:no-repeat; background-position:center top; overflow:scroll;">
<div id="mainBody">
    <div id="cloud1" class="cloud"></div>
    <div id="cloud2" class="cloud"></div>
</div>
<div class="logintop"> <span>欢迎登录后台管理界面平台</span> </div>
<div class="loginbody"> <span class="systemlogo" style="display:block"></span>
    <div class="loginbox">
        <ul>
            <li>
                <input name="uname" type="text" class="loginuser" placeholder='用户名'/>
            </li>
            <li>
                <input name="upass" type="password" class="loginpwd" placeholder='密码'/>
            </li>

            <li>
                <input name="button" type="button" class="loginbtn" value="登录"/>
            </li>
        </ul>
    </div>
</div>
<div class="loginbm"></div>
</body>
</html>